<template>
  <div>
    <!-- 头部 -->
    <div class="about-header"></div>
    <!-- 企业介绍 -->
    <div class="introduce-title">企业介绍</div>
    <div class="introduce-box">
      <div>南京罗斯蒙德信息科技有限公司成立于2014年，公司专注于工业物联网的探索和研究，是集研发、生产与营销于一体的科技型技术企业。</div>
      <p class="describe">
        南京罗斯蒙德信息科技有限公司是一家为行业提供一站式物联网数字化解决方案服务商，同时也为企业提供定制化的物联网云产品系统，如智慧制造、智慧建造、设备健康管理EHM、能源管理EMS、工业AI视觉检测系统、制造执行系统MES、智能仓储管理WMS、重要物资监管系统等行业解决方案和产品，最终帮助企业和行业完成物联网数字化转型和升级。研发质量、硬件质量以及系统在恶劣的环境下稳定运行是罗斯蒙德在科技和价值领域的唯一基石。
      </p>
      <div class="introduce-bj">
        <div class="left"></div>
        <div class="right"></div>
      </div>
    </div>
    <!-- 资质荣誉 -->
    <div style="background:#F7F8FA;padding-top:.375rem">
      <div class="introduce-title">资质荣誉</div>
      <div class="honor-box">
        <div class="honor-title">搭建系统的功能全面与使用系统的简单方便完美融合，从简单数据采集监控，到复杂场景智能管理</div>
        <ul>
          <li style="margin-bottom:.25rem;">
            <img src="@/assets/aboutsimg/picbj3.png"
                 alt=""
                 style="width:15rem">
          </li>
          <li style="float: right;margin-top:-2.0625rem;">
            <img src="@/assets/aboutsimg/picbj4.png"
                 alt=""
                 style="width:8.9rem">
          </li>
          <li>
            <img src="../../assets/aboutsimg/picbj5.png"
                 alt=""
                 style="margin-bottom:.8rem;width:6.1875rem">
            <img src="@/assets/aboutsimg/picbj7.png"
                 alt=""
                 style="margin:0 .25rem .8rem .25rem;width:4.75rem">
            <img src="@/assets/aboutsimg/picbj6.png"
                 alt=""
                 style="width:3.275rem;margin-bottom:1.625rem">
          </li>
        </ul>
      </div>
    </div>

    <!-- 联系我们 -->
    <div class="introduce-title">联系我们</div>
    <div class="contact-box">
      <div class="contact-title">罗斯蒙德-物联网数字化平台，为客户提供一站式物联网数字化解决方案，为企业提供定制化的物联网云平台服务和数字化解决方案，从而形成硬件赋能+场景落地的服务闭环，最终帮助企业和行业完成物联网数字化转型和升级</div>
      <div class="contact">
        <div class="contact-left"></div>
        <div class="contact-right">
          <p>手机：18936043716</p>
          <p>地址：南京市南京麒麟生态科技创新园（智汇路300号）</p>
          <p>邮箱：huangmingze@lsmd.com</p>
          <img src="@/assets/aboutsimg/erweima.png"
               alt=""
               class="erweima">
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style scoped >
.about-header{
  width: 24rem;
  height: 5.25rem;
  background: url('~@/assets/aboutsimg/aboutsbj.png') no-repeat;
}

.introduce-title{
  position: relative;
  width: 1.5rem;
  height: 0.5rem;
  margin:0.625rem 11.2125rem .625rem 11.2875rem;
  font-size: 0.375rem;
}

.introduce-title::before{
  position: absolute;
  content: '';
  bottom: .05rem;
  right: -0.075rem;
  display: inline-block;
  background-color: #3773da;
  width: 0.9rem;
  height: 0.15rem;
  opacity: 0.32;

}

.introduce-box{
  margin: 0 4.5rem;
  text-indent: .5rem;
  font-size: .25rem;
  font-weight: 400;
  line-height: .5rem;
 
}

.introduce-bj{
  display: flex;
}

.introduce-bj .left{
  margin-top: 1.025rem;
  margin-bottom: .8rem;
  width: 7.5rem;
  height: 4.225rem;
  background: url('~@/assets/aboutsimg/picbj.png');
}

.introduce-bj .right{
  margin-top: .65rem;
  width: 7.5rem;
  height: 4.225rem;
  background: url('~@/assets/aboutsimg/picbj2.png');
}

.honor-box{
  margin: 0 4.5rem;
}

.honor-title{
  margin: .3875rem 2rem;
  font-size: .25rem;
  color: rgba(0, 0, 0, 0.85);
}

.contact-box{
  margin: 0 4.5rem;
}

.contact-title{
  font-size: .25rem;
  text-indent: .5rem;
  line-height: .375rem;
  font-weight: 400;
}

.contact{
  display: flex;
  margin-top: .3375rem;
  margin-bottom: .8rem;
}

.contact-left{
  width: 8.2rem;
  height: 4.775rem;
  background: url('../../assets/aboutsimg/map.png');
}

.contact-right p{
  font-size: .25rem;
  margin-left: .3125rem;
  line-height: .85rem;
}

.erweima{
  margin-left: .375rem;
}
</style>
